<!doctype html>
<html lang="en">
	<head>
		<meta charset= "utf-8"/>
		<title>Final Project - Space and Earth Exploration</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>

	</head>
	
	<body onLoad="javascript:visitMoonpage2()">
		
			<div id="logo">
			<div><img  src="images/mastermindlogo1.png" width="230px" alt="The logo" title="The logo"/></div>
			</div><br>
			
			<header><img src="images/explore-moon-header.png" alt="Moon Exploration Header" title="Moon Exploration Header"/></header><br/><br/>
		
		<section>
	    	<div id="container">
				  
				  <div id="leftBar">
				  	<nav>
				    	<div class="barbuttons"><a href= "home-page.html">Home</a></div><br/>
	    				<div class="barbuttons"><a href= "moon-page1.html">Moon</a></div><br/>
	    				<div class="barbuttons"><a href= "sun-page1.html">Sun</a></div><br/>
						<div class="barbuttons"><a href="earth-page1.html" >Earth</a></div><br/>
				 	<br/>
				 	<div id="test-Link" ><a href="final-test.html"><strong>TEST</strong></a></div>
				 	</nav><br/>
				 				  	    
				 				  	    
				  	<p id="leftBarText"><strong>Did You Know?</strong><br/>
				  	 The sun is 400 times larger than the Moon but from the earth they look the same size.
				  	</p>	
	
				 	
				  </div>
				  
				  <div id="content">
				 <h1>Exploring the Moon</h1><br/>
				  <div id="pics">
				  <img class="m-image" src="images/exploring-the-moon.png"  width="250px" height="240px" align="middle"alt="Moon Image" title="Moon Image"/>
				    <p>The moon is the earth’s natural satellite and it’s the fifth largest moon in the Solar System. It does not produce it’s own light.  Its brightness comes from sunlight.
							The exact age of the moon is not yet determined, but it is estimated to be about 4.6 billion years old. It was created when a large object hit the earth and blasted some rocks into the earth's orbit and one rock remained.
							The moon is made up of several layers. These layers consist of the core, middle and outer layer. The outer layer is the surface of the moon and is called the “Crust.” The surface of the moon is made up of light and dark areas. The dark areas are called maria. These maria cover about 15 percent of the surface. They are known as seas and are filled with dried up lava. The moon’s surface also contains craters, which were formed when meteors hit its surface. The craters have peaks, walls and material from the impact. Craters come in many sizes, and they are not as dense as maria. The moon’s surface has no soil because it contains no living matter. It does contain a powdered rock called Rogolith and also contains fragmented rock particle.

					</p>
					</div>
				  </div>
				  
				 <div id="rightBar2">
						
				  	    <aside>
							<header>
								<p id="aside-title-audio">Audio</p>
							</header>
								<audio id="narration2" controls="controls">
									<source src="audio/exploringthemoon.mp3" type="audio/mp3">
									<source src="audio/exploringthemoon.ogg" type="audio/ogg">
								</audio><br/>
								
							<header>
								<p id="aside-title-audio">Transcript</p>
							</header>
							<div id="transcript">
						<p>The moon is the earth’s natural satellite and the fifth largest moon in the solar system. 
						The exact age of the moon is not known, but it is believed to be about 4.6 million years old. 
						The moon contains several layers. The top layer is made of craters and maria, which are seas filled with dried up lava. 
						The moon contains no soil because it does not contain any living matter.
						</p>
					</div>
					</aside> <br/><br/>
					  
				</div>
			
				   
		
				  	    
			
			<div id="footer"><br/>
				    <a class="movingButtons" href="moon-page1.html">Back</a>
				    <a class="movingButtons" href="moon-page3.html">Next</a>	
			</div>
			</div>
		
		</section>		
	</body>

</html>